<template>
    <div>
    <Menu mode="horizontal" theme="dark" active-name="1" @on-select="select">
        <MenuItem>
                购物网
        </MenuItem>
        <MenuItem name="/phone">
                手机
        </MenuItem>
        <MenuItem name="/clothes"> 
                服饰
        </MenuItem>
        <MenuItem name="/fresh"> 
                生鲜
        </MenuItem>
        <MenuItem name="/books"> 
                图书
        </MenuItem>
    </Menu>
    </div>
</template>
<script>
export default {
    name:'Nav',
  data() {
    return {
        theme:''
    }
  },
  methods:{
      select (name) {
        console.log(name)
        this.$router.push({path:name})  
      }
  }
};
</script>